<template>
  <div>
    <Menu mode="horizontal" theme="dark" :active-name="active">
      <div class="layout-logo">猛哥</div>
      <div class="layout-nav">
        <MenuItem name="/" to="/"> <Icon type="ios-navigate" />首页 </MenuItem>
        <MenuItem name="/news" to="/news">
          <Icon type="ios-keypad" />动态
        </MenuItem>
        <MenuItem name="/contact" to="/contact">
          <Icon type="ios-analytics" />联系我
        </MenuItem>
      </div>
    </Menu>
  </div>
</template>

<script>
export default {
  asyncData () {
    console.log('not run!')
  },
  data () {
    return {
      active: this.$route.path
    }
  }
}
</script>
